@import '/styles/mixins.less';
@import '/styles/variables.less';

.staff-view {

  .staff-view-scroll {
    height: 60vh;
  }

  .staff-view-scroll-l {
    margin-top: 22rpx;
    padding: 0 24rpx;
  }

  .staff-view-scroll-r {
    padding: 40rpx 38rpx 0 14rpx;

    .staff-view-items {
      .flex(center, flex-start);
      flex-wrap: wrap;

      .staff-view-item {
        min-width: 300rpx;
        width: 300rpx;
        margin-top: 24rpx;
        margin-left: 24rpx;
        border-radius: 16rpx;
        font-size: 30rpx;
        color: #333;
        padding-top: 38rpx;
        padding-bottom: 56rpx;
        text-align: center;
        background: linear-gradient(#F1F7FF, #EAF4FF);
        position: relative;

        >.img {
          height: 132rpx;
          position: absolute;
          right: 0;
          bottom: 0;
        }

        >.title {
          font-weight: 500;
        }

        >.desc {
          font-size: 22rpx;
          color: rgba(0, 0, 0, 0.2);
          padding-top: 8rpx;
        }
      }
    }
  }

  .staff-view-scroll-warp {
    padding: 24rpx;

    .staff-view-scroll-warp-index {
      background-color: #fff;
      border-radius: 16rpx;
    }

    .staff-view-scroll {
      height: 89vh;
    }
  }
}